<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
	<ul data-role="listview">
		<li style="padding: .1em 0;"><a href="#retestjob" style="padding: .1em 0;">
				<div style="float: left;">
					<img src="images/feature1.png" height="42" />
				</div>
				<div
					style="float: right; height: 46px; margin-right: 40px; line-height: 46px;"
					class="font-opacity">重测</div>
				<div>
					<label style="font-weight: bold;">重测职业</label> <label style=""
						class="font-opacity">今年还有${jobtimes}次</label>
				</div>

		</a></li>
		<li style="padding: .1em 0;">
			<div style="float: left;">
				<img src="images/feature2.png" height="42" />
			</div>
			<div>
				<label style="font-weight: bold;">职业揭秘券</label> <label
					class="font-opacity">现有${decryption}张</label>
			</div>
		</li>
		<li style="padding: .1em 0;"><a href="#retestlove" style="padding: .1em 0;">
				<div style="float: left;">
					<img src="images/feature3.png" height="42" />
				</div>
				<div
					style="float: right; height: 46px; margin-right: 40px; line-height: 46px;"
					class="font-opacity">重测</div>
				<div>
					<label style="font-weight: bold;">重测爱情</label> <label
						class="font-opacity">免费机会${lovetimes}次</label>
				</div>
		</a></li>
		<li style="padding: .1em 0;">
			<div style="float: left;">
				<img src="images/feature4.png" height="42" />
			</div>
			<div>
				<label style="font-weight: bold;">隐藏匹配</label> <label
					class="font-opacity">已隐藏${hide}个匹配</label>
			</div>
		</li>
	</ul>
</body>
</html>